<template>
    <view>
        <!-- 顶部标题 -->
        <view class="cu-custom" :style="[{height:CustomBar + 'px'}]">
            <view class="cu-bar fixed gold-bg" :style="[{height:CustomBar + 'px',paddingTop:StatusBar + 'px'}]">
                <view class="content text-bold">晶养源 | JYOUNGYUAN</view>
            </view>
        </view>
        
        <!-- 品牌展示图 -->
        <view class="brand-banner">
            <image src="/static/brand-banner.jpg" mode="aspectFill"></image>
        </view>
        
        <!-- 本月活动 -->
        <view class="padding-lr padding-top text-bold">本月活动</view>
        
        <!-- 活动列表 -->
        <view class="padding">
            <view class="bg-gray light padding radius margin-bottom"></view>
            <view class="bg-gray light padding radius margin-bottom"></view>
            <view class="bg-gray light padding radius margin-bottom"></view>
            <view class="bg-gray light padding radius"></view>
        </view>
    </view>
</template>

<script>
export default {
    data() {
        return {
            StatusBar: this.$statusBarHeight,
            CustomBar: this.$CustomBar
        };
    }
};
</script>

<style>
.brand-banner {
    width: 100%;
    height: 400rpx;
}

.brand-banner image {
    width: 100%;
    height: 100%;
}
</style> 